@CHARSET "UTF-8";

/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}


/***********************************************************************************/

body {
/*	color:#555659;*/
	color:#323687;
	background-color:white;
/*	background-image:url(../images/bisou_drole.jpg);*/
/*	background-image:url(../images/coeur_bisous.jpg);*/
/*	background-image:url(../images/coeur_colombe.jpg);*/
/*	background-image:url(../images/coeur_de_roses_claires.jpg);*/
/*	background-image:url(../images/coeur_de_roses.jpg);*/
	background-image:url(../images/deux_coeurs.jpg);
/*	background-image:url(../images/deux_oiseaux.jpg);*/
/*	background-image:url(../images/fond_ecran_roi_lion.jpg);*/
/*	background-image:url(../images/sable_coeur.jpg);*/
/*	background-image:url(../images/boucle_coeurs.jpg);*/
/*	background-image:url(../images/multi_coeur_eau.jpg);*/
	background-attachment:fixed;
	background-position:50% 50%;
	background-repeat:repeat;
	font-family:arial,sans-serif;
}


a, a:visited { 
	color: #0066CC;
	text-decoration: none; 
}
a:hover, a:active, a:focus {
	color: white;
    background-color: #0066CC;
}

a:link {
	color:blue;
	text-decoration:none;
	font-weight:bold;
}

.transparent {
    zoom: 1;
    filter: alpha(opacity=50);
    opacity: 0.5;
}

.centered {
	margin:auto;
}

.floatLeft {
	float:left;
}

.floatRight {
	float:right;
}

.clearFloat {
	clear:both;
}

.bold {
	font-weight:bold;
}

.height2 {
	height:2em
}

.msgConfirm {
	color:green;
}

.msgError {
	color:red;
}

#spaceLeftRencontreImg {
	width:2em;
	height:18em;
}

#spaceCenterRencontreImg {
	width:4.5em;
	height:1em
}

#spaceTopRencontre {
	padding-top:0.4em;
}

#spaceLeftRencontreLbl {
	width:2em;
	height:2em
}

#spaceCenterRencontreLbl {
	width:4.5em;
	height:2em
}

.photoRencontre {
	width: 18em;
	height: 18em:
}

.photoRencontreLbl {
	width:18em;
	height:2em
}

p.titre {
	font-size:1.3em;
	text-align:center;
}

p.menuItem {
	margin : 1em 0 1em 0;
	padding : 0.2em;
}

.menuItemTitle {
	padding : 0.3em;
	background-color:#CFD0D6;
	text-align:center;
	color:#C981BD;
}

.menuItemIddle {
	background-color:none;
}

.menuItemSelectedColor {
	color:#4F0D89;
}

li {
	 display : list-item;
	 list-style-image : url(../images/puce.jpg);
	 list-style-type: none;
	 padding-left: 0.3em;
	 margin:0.5em 0 0 2em;
}

div#corps {
	margin: 1em auto 0 auto;
	width: 80%;
/*	background-color:#D7EFF4;*/
/*	background-color:#F0EDF2;*/
	background-color:#F7FCE8;
/*	background-color:#CFF;*/
	text_align:justify;
}

div#pageTitle {
	padding:1em 0 1em 0;
	text-align: center;
	font-size: 2em;
	font-family:cursive,sans-serif,arial;
	color:#323687;
	text-shadow: #AEB4B7 10px 12px 2px;
}

table#tabCorps {
	width: 100%;
}

td.left {
	width: 23%;
	padding:0 0 0 1em;
	border-right:1px solid grey;
}

td.centerAndRight {
	padding:0 2em 0 1em;
	line-height: 150%;
	text-align: justify;
}

tr#extraTr {
	height: 2em;
}

div#menu, p.titre {
	font-size:0.8em;
	font-family:arial;
	color:#323687;
}

.marginTextLeft {
	margin-left: 1em;
}

div#imgAccueil {
	width:14em;
	height:14em;
	float:right;
}

.imgAccueil {
/*	width: 230px;*/
/*	height: 250px;*/
	width:12em;
	height:14em;
	float:right;
}

.livreOrSpace {
	height:2em;
}

#tLivreOr tr td {
	width: 15%;
	vertical-align: middle;
}

.buttonEnvoi {
	float: right;
}

.tdPresence {
	width: 60%;
	vertical-align: middle;
}

.note {
	font-size:90%;
}

#envoiPhotos {
	border:1px dotted red;
	padding:1em 0 1em 0;
}

a#pageCourante {
	font-size:140%;
	font-weight:bold;
}

a.pagination {
	color:blue;
	text-decoration:none;
	margin:0 0 0 0.2em;
}

#tListPhotos {
	margin:0 0 0 2em;
}

#tdListPhotos {
	padding:0 1em 1em 0;
}

div.blockForm {
	border:1px dotted red;
	padding:1em 0 1em 0;
}

div#map {
	width:80%;
	height:400px;
	border: 1px dotted black;
	margin:auto;
}
